<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
	</head>
	<body style="max-width:400px; min-width:300px; margin:auto;">
		<!-- 标题栏 -->
		<div style="border-bottom:1px solid gray;">
			<h3 style="text-align:center; margin-bottom:5px;">2021 网站设计与开发大赛</h3>
		</div>
		<!-- 图片区 -->
		<div style="padding-top:8px; padding-bottom:5px;">
			<div style="width:350px; margin:auto; height:270px; overflow:hidden; background:gray;">
				<img src="xhLogo.png" style="width:100%;"/>
			</div>
		</div>
        <div style="text-align:center; padding:10px; font-size:13px;">
            <h3 style="text-align:center;">2021江西新华网站设计开发大赛 </h3>
            <hr style="width:66%;">
            <div ><strong>报名时间</strong><br>2021年12月10号截止</div>
            <div ><strong>比赛时间</strong><br>2021年12月22号</div>
            <div ><strong>参赛对象</strong><br>江西新华全体在校学生</div>
            <div ><strong>比赛内容</strong></div>
            <div >1、本次参赛作品以网站设计制作为主，可以是静态网页、动态网页和完整网站，亦或者其它软件相关作品也可参赛；</div>
            <div >2、作品内容不限，但必须内容健康，积极向上。</div>
            <div >3、参赛作品严禁抄袭复制。</div>
            <div >4、报名参赛后，在12月20号前将作品以压缩包(.zip)格式发送至负责老师邮箱( baldyoung@126.com )。</div>
            <div style="font-size:11px; font-weight:bolder;">压缩包内需要包含</div>
            <div >个人或团队信息(.txt格式)、完整项目及其源码、项目简介(.txt格式)、项目讲解PPT</div>
            <div >5、对于参赛选手提交的作品会进行一次初选，通过初选的作品将参与22号的决赛。作品初选结果将会在21号以邮件形式通知各位参赛选手，请注意查收！</div>
            <hr style="width:90%; background:red;">
        </div>
		<!-- 信息填报区 -->
		<div style="padding-right:20px; padding-left:20px; padding-bottom:88px;">
			<h3 style="text-align:center;">报名表</h3>
			<div style="display:flex;">
				<div style="width:30%; height:40px; line-height:40px; font-size:18px; font-weight:bolder; color:red;">
					姓名:
				</div>
				<div style="width:70%; height:40px;">
					<input id="iName" type="text" placeholder="请输入姓名(10字内）" style="outline:none; font-size:18px; text-align:right; border:none; width:100%; height:100%; border-bottom:0px solid gray;"/>
				</div>
			</div>
			<div style="display:flex;">
				<div style="width:30%; height:40px; line-height:40px; font-size:18px; font-weight:bolder; color:red;">
					班级:
				</div>
				<div style="width:70%; height:40px;">
					<input id="iClassName" type="text" placeholder="请输入班级(10字内）" style="outline:none; font-size:18px; text-align:right; border:none; width:100%; height:100%; border-bottom:0px solid gray;"/>
				</div>
			</div>
			<div style="display:flex;">
				<div style="width:30%; height:40px; line-height:40px; font-size:18px; font-weight:bolder; color:red;">
					联系电话:
				</div>
				<div style="width:70%; height:40px;">
					<input id="iPhoneNumber" type="text" placeholder="请输入联系电话(13字内）" style="outline:none; font-size:18px; text-align:right; border:none; width:100%; height:100%; border-bottom:0px solid gray;"/>
				</div>
			</div>
			<div style="display:flex;">
				<div style="width:30%; height:40px; line-height:40px; font-size:18px; font-weight:bolder; color:black;">
					参赛形式:
				</div>
				<div style="width:70%; height:40px; line-height:40px; text-align:right;">
					<input type="radio" name="cType" value="个人"/>
					<span>个人</span>
					<input type="radio" name="cType" value="多人"/>
					<span>团队</span>
				</div>
			</div>
			<div style="display:flex;">
				<div style="width:30%; height:40px; line-height:40px; font-size:18px; font-weight:bolder; ">
					班主任:
				</div>
				<div style="width:70%; height:40px;">
					<input id="iBzrName" type="text" placeholder="请输入班主任" style="outline:none; font-size:18px; text-align:right; border:none; width:100%; height:100%; border-bottom:0px solid gray;"/>
				</div>
			</div>
			<div style="display:flex;">
				<div style="width:30%; height:40px; line-height:40px; font-size:18px; font-weight:bolder; ">
					指导老师:
				</div>
				<div style="width:70%; height:40px;">
					<input id="iZdlsName" type="text" placeholder="请输入指导老师" style="outline:none; font-size:18px; text-align:right; border:none; width:100%; height:100%; border-bottom:0px solid gray;"/>
				</div>
			</div>
			<div style="text-align:center; padding-top:8px;">
				<input onclick="submit()" type="button" value="提 交" style="width:80px; height:35px; border-radius:5px; font-size:19px; font-weight:bold; background:lightgreen;"/>
			</div>
		</div>
		<!-- 底部栏 -->	
		<div style="position:fixed; bottom:3px; right:5px;">
			<div style="transform:scale(1); font-size:10px; color:aquamarine; text-align:right; ">
				APP2101 参与制作
			</div>
		</div>
		<div onclick="toUrl('info.html')" style="display:none; position:fixed; top:270px; right:10px; width:34px; height:34px; border-radius:50%; line-height:34px; text-align:center; font-size:13px; background:#dea32c; opacity: 0.6; color:red;">
			详情
		</div>
		<script>
			function submit() {
				var cTypeX = "";
				var list = document.getElementsByName("cType");
				for(var i=0; i<list.length; i++) {
					if (list[i].checked == true) {
						cTypeX = list[i].getAttribute("value");
						break;
					}
				}
				/*if (hasError(iName.value) || hasError(iClassName.value) || hasError(iPhoneNumber.value) ) {
					alert("格式不对")
				}*/
				location.href = "/signUp?n="+iName.value+"&c="+iClassName.value+"&p="+iPhoneNumber.value+"&z="+iZdlsName.value+"&b="+iBzrName.value+"&cT="+cTypeX;
			}
			function hasError(obj) {
				if (undefined == obj || obj.indexOf(' ') != -1 || obj.length() > 20) {
 					return true;
				}
			}
			function toUrl(u) {
				location.href = u;
			}
		</script>
	</body>
</html>